// import { QuestionCircleOutlined } from '@ant-design/icons'
// import { Tooltip } from 'antd'
import { connect } from 'dva'
import React from 'react'

// import HeaderSearch from '../HeaderSearch'
// import NoticeIconView from './NoticeIconView'
import SelectLang from '../SelectLang'
import Avatar from './AvatarDropdown'
import styles from './index.less'

const GlobalHeaderRight = props => {
    const { theme, layout } = props;
    let className = styles.right;

    if (theme === 'dark' && layout === 'topmenu') {
        className = `${styles.right}  ${styles.dark}`
    }

    return (
        <div className={className}>
            { /*
            <HeaderSearch
                className={`${styles.action} ${styles.search}`}
                placeholder="站内搜索"
                defaultValue="umi ui"
                options={[
                    {
                        label: <a href="https://umijs.org/zh/guide/umi-ui.html">umi ui</a>,
                        value: 'umi ui',
                    },
                    {
                        label: <a href="next.ant.design">Ant Design</a>,
                        value: 'Ant Design',
                    },
                    {
                        label: <a href="https://protable.ant.design/">Pro Table</a>,
                        value: 'Pro Table',
                    },
                    {
                        label: <a href="https://prolayout.ant.design/">Pro Layout</a>,
                        value: 'Pro Layout',
                    },
                ]} onSearch={value => {
                    console.log('input', value);
                }}
            />
            <NoticeIconView />
            <Tooltip title="使用文档">
                <a
                    target="_blank"
                    href="https://pro.ant.design/docs/getting-started"
                    rel="noopener noreferrer"
                    className={styles.action}
                >
                    <QuestionCircleOutlined />
                </a>
            </Tooltip>
            */ }
            <Avatar menu />
            <SelectLang className={styles.action} />
        </div>
    );
};

export default connect(({ settings }) => ({
    theme: settings.navTheme,
    layout: settings.layout,
}))(GlobalHeaderRight);
